<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
		<title>支出预览</title>
		<link rel="stylesheet" href="../static/css/amazeui.css" />
		<link rel="stylesheet" href="../static/css/core.css" />
		<link rel="stylesheet" href="../static/css/menu.css" />
		<link rel="stylesheet" href="../static/css/index.css" />
		<link rel="stylesheet" href="../static/css/admin.css" />
		<link rel="stylesheet" href="../static/css/page/typography.css" />
		<link rel="stylesheet" href="../static/css/page/form.css" />
		<link rel="stylesheet" href="../static/css/component.css" />
        <link rel="icon" href="../static/img/wx_icon.jpg" type="image/x-icon" />
	</head>
	<body>
		<!-- Begin page -->

		<!-- end page -->

		<div class="admin">
			<!--<div class="am-g">-->
		<!-- ========== Left Sidebar Start ========== -->
		<!--<div class="left side-menu am-hide-sm-only am-u-md-1 am-padding-0">
			<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 548px;">
				<div class="sidebar-inner slimscrollleft" style="overflow: hidden; width: auto; height: 548px;">-->
                  <!-- sidebar start -->
{#				  <div class="admin-sidebar am-offcanvas  am-padding-0" id="admin-offcanvas">#}
				  <div class="admin-sidebar am-offcanvas  am-padding-0" id="admin-offcanvas">
				    <div class="am-offcanvas-bar admin-offcanvas-bar">
				    	<!-- User -->
						<div class="user-box am-hide-sm-only">
	                        <div class="user-img">
	                            <img src="../static/img/weixin.jpg" alt="user-img" title="Mat Helme" class="img-circle img-thumbnail img-responsive">
	                            <div class="user-status offline"><i class="am-icon-dot-circle-o" aria-hidden="true"></i></div>
	                        </div>
	                        <h5><a href="#">欢迎, 铁拐季</a> &nbsp;&nbsp;&nbsp;<a href="/logout" style="font-size: 8px; color: red">注销</a> </h5>
	                        <ul class="list-inline">
	                            <li>
	                                <a href="#">
	                                    <i class="fa fa-cog" aria-hidden="true"></i>
	                                </a>
	                            </li>

	                            <li>
	                                <a href="#" class="text-custom">
	                                    <i class="fa fa-cog" aria-hidden="true"></i>
	                                </a>
	                            </li>
	                        </ul>
	                    </div>
	                    <!-- End User -->

						 <ul class="am-list admin-sidebar-list">
						    <li><a href="/"><span class="am-icon-home"></span> 首页</a></li>
						    <li class="admin-parent">
						      <a class="am-cf" data-am-collapse="{target: '#collapse-nav1'}"><span class="am-icon-table"></span> 消费支出 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
						      <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav1">
						        <li><a href="/" class="am-cf"> <span>支出预览</span></a></li>
						        <li><a href="/complete">支出明细</a></li>
						      </ul>
						    </li>
						    <li class="admin-parent">
						      <a class="am-cf" data-am-collapse="{target: '#collapse-nav2'}"><i class="am-icon-line-chart" aria-hidden="true"></i> 消费可视化 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
						      <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav2">
						        <!--<li><a href="/chartline" class="am-cf"> 折线图</a></li> -->
						        <li><a href="/chartcolumnar" class="am-cf"> 消费支收图</a></li>
						        <li><a href="/chartpie" class="am-cf"> 消费分布图</a></li>
						      </ul>
						    </li>
						    <li class="admin-parent">
						      <a class="am-cf" data-am-collapse="{target: '#collapse-nav5'}"><span class="am-icon-file"></span> 年度账单 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
						      <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav5">
						        <!-- <li><a href="/formbasic" class="am-cf"> 基本表单</a></li>-->
						        <li><a href="/formvalidate">账单总结报告</a></li>
						      </ul>
						    </li>
						  </ul>

				    </div>
				  </div>
				  <!-- sidebar end -->
				<!--</div>
			</div>
		</div>-->

		<!-- ========== Left Sidebar end ========== -->



	    <!--	<div class="am-g">-->
		<!-- ============================================================== -->
		<!-- Start right Content here -->

        {% block content %} {% endblock %}

        <!-- end right Content here -->

		<!--</div>-->
		</div>

		<!-- navbar -->
		<a href="admin-offcanvas" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}"><!--<i class="fa fa-bars" aria-hidden="true"></i>--></a>

		<script type="text/javascript" src="../static/js/jquery-2.1.0.js" ></script>
		<script type="text/javascript" src="../static/js/amazeui.min.js"></script>
		<script type="text/javascript" src="../static/js/app.js" ></script>
		<script type="text/javascript" src="../static/js/blockUI.js" ></script>
		<script type="text/javascript" src="../static/js/charts/echarts.min.js" ></script>
		<script type="text/javascript" src="../static/js/charts/indexChart.js" ></script>
        <!-- 柱状 -->
        <script type="text/javascript" src="../static/js/charts/columnarChart.js" ></script>
        <!-- 折线 -->
        <script type="text/javascript" src="../static/js/charts/lineChart.js" ></script>
        <!-- 饼状 -->
        <script type="text/javascript" src="../static/js/charts/pieChart.js" ></script>
	</body>

</html>
